Estoy tratando de incrustar el archivo json country - city con PrimeReact. Estoy teniendo dificultades debido a esto. Extraigo la información del país, pero la ciudad se muestra como [Objeto, objeto].

 <AutoComplete placeholder="Search Country" dropdown value={selectedCountryValue} id="dd" completeMethod={searchCountry} onChange={(e) => setSelectedCountryValue(e.value)} suggestions={autoFilteredValue} field="name" style={{ marginLeft: 10, height: 40, width: 267 }} />

 <AutoComplete placeholder="Search City" dropdown value={selectedCountryValue} id="dd" completeMethod={searchCity(selectedCountryValue)} onChange={(e) => setSelectedCountryValue(e.value)} suggestions={selectedAutoValueCity} field="states" style={{ marginLeft: 10, height: 40, width: 267 }} />

Usé variables. Cuando selecciono el país, viene el json otros datos. Console.log también funciona perfectamente

 const searchCity = (event) => { setTimeout(() => { if (event) { console.log("here"); console.log(event.states.map((obj) => obj.name)); return event.states.map((obj) => obj.name); } }, 250); };

La secuencia de datos Json también se muestra a continuación.

 "data" :[ { "code2": "AF", "code3": "AFG", "name": "Afghanistan", "capital": "Kabul", "region": "Asia", "subregion": "Southern Asia", "states": [ { "code": "BDS", "name": "Badakhshān", "subdivision": null },